@charset "UTF-8";

/* --
mmedia.ai-ad.net.tw後台CSS 橘色風格 
Global CSS Style
適用於全網站的css
-- */
body { background:#dedede; font-family:"Times New Roman", Times, serif;}
.container { background:#ededed url(../images/template/containerBg1.jpg) repeat-x 0 0;
-moz-box-shadow: 5px 3px 5px #888;
-webkit-box-shadow: 5px 3px 5px #888;
box-shadow: 5px 3px 5px #888; }

/* Header CSS  表頭的CSS */
#Header { padding:0; margin:0;}
#TopBar {padding:0; margin:0; height:46px; background: url(../images/template/topBarBOBg.jpg) repeat-x 0 0;}

#TopNav {padding:0; margin:0; height:77px; background:#ffbb04;}

#TopTitle {padding:0; margin:0; height:46px; background: url(../images/template/Title03.png)  repeat-x 0 0;}
/*Header細節*/
a.Logo { display:block; width:180px; height:25px; line-height:25px; background:url(../images/icon/logos.png) no-repeat 0 0; color:#fff;text-decoration:none; text-indent:-9999px; margin:10px 0 0 30px;}
.rightBrn { position:absolute; top:10px; right:220px; }
.rightBrn span{ padding:0 10px; color:#CCCCCC}
.rightBrn a{color:#fff; text-decoration:none;text-shadow: 0 0 0pt, 2px 2px 2px #333333;}
.rightBrn a:hover{text-decoration: underline;}
/*左邊*/
.TopNav-L {float:left; margin:0 0 0 38px;}
.TopNav-L .Slogan { height:37px; margin:2px 0 7px 0;color:#fff; background: url(../images/icon/BtitleBg.png) no-repeat 0 0; padding-left:35px; line-height:37px; font-size:13px;
text-shadow:0 0 0, 2px 2px 2px #333;
filter: dropshadow(color=#333, offx=2, offy=2);}
.TopNav-L ul {padding:0; margin:0;}
.TopNav-L li {padding:0; margin:0 7px 0 0;list-style:none;float:left;}

.TopNav-L li a{ display:block; height:33px; padding:0 10px; line-height:33px; text-decoration:none; background-color:#ff8702; color:#fff;
-moz-box-shadow: 3px 3px 8px #602465;
-webkit-box-shadow: 3px 3px 8px #602465;
box-shadow: 3px 3px 8px #602465;
}
.TopNav-L li a:hover{text-decoration:none; background-color:#ffbb19;}

/*右邊*/
.TopNav-R {float:right; margin-right:8px;}
.TopNav-R ul {padding:0; margin:15px 0 0 0;}
.TopNav-R li {padding:0; margin:0;list-style:none;float:left;}
.TopNav-R li a{ display:block;padding:8px 15px; text-decoration:none;
color:#b56001; text-shadow:0 0 0, 2px 2px 2px #fff;
filter: dropshadow(color=#fff, offx=2, offy=2);

 background:#fece4c; border-top:#f1b002 1px solid;
border-left:#f1b002 1px solid;border-right:#edae04 1px solid;
-moz-box-shadow: 3px 2px 5px #602465;
-webkit-box-shadow: 3px 2px 5px #602465;
box-shadow: 3px 2px 5px #602465; }
.TopNav-R li a:hover{text-decoration:none; background-color:#ffbb19;
border-top:#fff4b9 1px solid;
border-left:#fff4b9 1px solid;border-right:#ba813f 1px solid;}
.TopNav-R li:first-child a { border-radius:15px 0 0 15px; }
 .TopNav-R li:last-child a { border-radius:0 15px 15px 0; }

#TopTitle h1 { display:block; float:left; height:46px;line-height:46px; 
padding:0 25px 0 64px; color:#535252; font-size:22px; font-weight:bold; font-family:"微軟正黑體", Arial, Helvetica, sans-serif; }

#Path { background:url(../images/template/PathBg02.jpg) repeat-x 0 0; height:51px;}
#Path a{ display:block; float:left; background:url(../images/template/arrowPack.png) no-repeat 0 0 ; width:122px; height:51px; padding-right:26px; color:#636262; text-decoration:none;}
#Path a.last2{ display:block; float:left; background:url(../images/template/arrowPack.png) no-repeat -147px 0 ; width:122px; height:51px; padding-right:26px; color:#636262; text-decoration:none;}
#Path a.current{ display:block; float:left; background:url(../images/template/arrowPack.png) no-repeat -295px 0; width:122px; height:51px; padding-right:27px;}
#Path a span { display:block; height:50%; padding-left:20px;}
span.Steps{ font-size:16px; font-family: "Times New Roman", Times, serif;
text-shadow:0 0 0, 1px 1px 2px #bababa;
filter: dropshadow(color=#bababa, offx=1, offy=1);}

/*MainConteiner*/
#MainConteiner-in { margin:10px 10px 0; background:#fff; min-height:250px; }
h2 { color:#b56001; font-family:"微軟正黑體", Arial, Helvetica, sans-serif; font-weight:bold; font-size:20px; margin:10px 0 0 20px;  line-height:25px; padding-left:10px;border-left:#b56001 10px solid; }
h3 { color:#b56001; font-family:"微軟正黑體", Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px; margin:10px 0;  line-height:20px; padding-left:10px;border-left:#b56001 10px solid; }

.ContentForm { margin:20px;}
/*登入頁小窗*/
.LoginForm { width:500px!important;margin:auto!important;border:1px #CCCCCC solid;border-radius:5px;
-moz-box-shadow: 1px 1px 3px #888;
-webkit-box-shadow: 1px 1px 3px #888;
box-shadow: 1px 1px 3px #888;}
.LoginForm input[type="text"] { width:55%!important;}
.LoginForm input[type="password"] { width:55%!important;}
.LoginForm label { padding-left:20px!important;}
/*登入頁小窗--*/

.ContentForm legend { width:95%;}
.ContentForm fieldset { border:none;  padding:0; margin:5px 0;}
.ContentForm fieldset span{ display:block; padding:0; margin:0 15px;}

.BorderShow {border:1px #CCCCCC solid; padding:10px; border-radius:5px; 
-moz-box-shadow: 3px 3px 8px #e8e7e7;
-webkit-box-shadow: 3px 3px 8px #e8e7e7;
box-shadow: 3px 3px 8px #e8e7e7;}
.BorderShow fieldset  {padding:2px 0 2px 30px;}
span.Ill { margin:-20px 0 10px 110px!important; color:#666;}
span.emphasized {margin:30px 0; color:#990000}
fieldset.control {text-align:center; padding:20px 0;}
fieldset.controlRight {text-align:right; padding:2px 0;}
.preview480 {width:480px; height:80px; margin:10px;border:1px #CCCCCC solid;border-radius:5px;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(243,243,243,1)), color-stop(51%,rgba(237,237,237,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* W3C */}

.preview320 {width:320px; height:50px; margin:10px; border:1px #CCCCCC solid;border-radius:5px;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(243,243,243,1)), color-stop(51%,rgba(237,237,237,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* W3C */}
.ContentForm label{ color:#313131; font-size:14px;font-family:"微軟正黑體", Arial, Helvetica, sans-serif;  line-height:22px; display:inline-block; width:100px;}
.ContentForm label span{ display: inline-block; padding:0; margin:0 5px; color:#990000;}
label.small {width:50px!important;}
.ContentForm input[type="text"],.ContentForm input[type="password"], .ContentForm textarea { border: 1px #ccc solid; height:22px; width:30%; margin:0.5em; padding:0.2em; border-radius:5px;}

.ContentForm select { border: 1px #ccc solid; height:28px; line-height:28px; width:10%; margin:0.5em ; padding:0.2em; border-radius:5px;}
#addr_1 { width:340px; float:left;}
#addr_1 select { border: 1px #ccc solid; height:28px; line-height:28px; width:28%; margin:0.5em 0; padding:0.2em; border-radius:5px;}
#addr_1 input { border: 1px #ccc solid; height:22px!important; width:20%; margin:0.5em; padding:0.2em; border-radius:5px;}

.ContentForm input[type="file"]{ border: 1px #ccc solid; height:28px; margin:0.5em; padding:0.2em; border-radius:5px; text-align:left;}

.ContentForm input[type="button"], .ContentForm input[type="reset"], .anBtn{ width:150px; height:30px; margin-right:10px; border:1px #dc7603 solid;
border-radius:5px; font-weight:bold;
text-shadow:0 0 0, 2px 2px 2px #c97b14;
filter: dropshadow(color=#c97b14, offx=2, offy=2);
 color:#fff; 
background: rgb(255,186,5); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,186,5,1) 0%, rgba(254,176,5,1) 22%, rgba(255,158,5,1) 47%, rgba(254,148,4,1) 69%, rgba(255,144,3,1) 71%, rgba(255,139,2,1) 87%, rgba(255,135,4,1) 89%, rgba(255,134,3,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,186,5,1)), color-stop(22%,rgba(254,176,5,1)), color-stop(47%,rgba(255,158,5,1)), color-stop(69%,rgba(254,148,4,1)), color-stop(71%,rgba(255,144,3,1)), color-stop(87%,rgba(255,139,2,1)), color-stop(89%,rgba(255,135,4,1)), color-stop(100%,rgba(255,134,3,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,186,5,1) 0%,rgba(254,176,5,1) 22%,rgba(255,158,5,1) 47%,rgba(254,148,4,1) 69%,rgba(255,144,3,1) 71%,rgba(255,139,2,1) 87%,rgba(255,135,4,1) 89%,rgba(255,134,3,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,186,5,1) 0%,rgba(254,176,5,1) 22%,rgba(255,158,5,1) 47%,rgba(254,148,4,1) 69%,rgba(255,144,3,1) 71%,rgba(255,139,2,1) 87%,rgba(255,135,4,1) 89%,rgba(255,134,3,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(255,186,5,1) 0%,rgba(254,176,5,1) 22%,rgba(255,158,5,1) 47%,rgba(254,148,4,1) 69%,rgba(255,144,3,1) 71%,rgba(255,139,2,1) 87%,rgba(255,135,4,1) 89%,rgba(255,134,3,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffba05', endColorstr='#ff8603',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(255,186,5,1) 0%,rgba(254,176,5,1) 22%,rgba(255,158,5,1) 47%,rgba(254,148,4,1) 69%,rgba(255,144,3,1) 71%,rgba(255,139,2,1) 87%,rgba(255,135,4,1) 89%,rgba(255,134,3,1) 100%); /* W3C */

}

.gridBtn{ width:60px; height:20px; margin-right:10px; border:1px #dc7603 solid;
border-radius:5px; font-weight:bold;
text-shadow:0 0 0, 2px 2px 2px #c97b14;
filter: dropshadow(color=#c97b14, offx=2, offy=2);
 color:#fff; 
background: rgb(255,186,5); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,186,5,1) 0%, rgba(254,176,5,1) 22%, rgba(255,158,5,1) 47%, rgba(254,148,4,1) 69%, rgba(255,144,3,1) 71%, rgba(255,139,2,1) 87%, rgba(255,135,4,1) 89%, rgba(255,134,3,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,186,5,1)), color-stop(22%,rgba(254,176,5,1)), color-stop(47%,rgba(255,158,5,1)), color-stop(69%,rgba(254,148,4,1)), color-stop(71%,rgba(255,144,3,1)), color-stop(87%,rgba(255,139,2,1)), color-stop(89%,rgba(255,135,4,1)), color-stop(100%,rgba(255,134,3,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,186,5,1) 0%,rgba(254,176,5,1) 22%,rgba(255,158,5,1) 47%,rgba(254,148,4,1) 69%,rgba(255,144,3,1) 71%,rgba(255,139,2,1) 87%,rgba(255,135,4,1) 89%,rgba(255,134,3,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,186,5,1) 0%,rgba(254,176,5,1) 22%,rgba(255,158,5,1) 47%,rgba(254,148,4,1) 69%,rgba(255,144,3,1) 71%,rgba(255,139,2,1) 87%,rgba(255,135,4,1) 89%,rgba(255,134,3,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(255,186,5,1) 0%,rgba(254,176,5,1) 22%,rgba(255,158,5,1) 47%,rgba(254,148,4,1) 69%,rgba(255,144,3,1) 71%,rgba(255,139,2,1) 87%,rgba(255,135,4,1) 89%,rgba(255,134,3,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffba05', endColorstr='#ff8603',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(255,186,5,1) 0%,rgba(254,176,5,1) 22%,rgba(255,158,5,1) 47%,rgba(254,148,4,1) 69%,rgba(255,144,3,1) 71%,rgba(255,139,2,1) 87%,rgba(255,135,4,1) 89%,rgba(255,134,3,1) 100%); /* W3C */

}

.ContentForm input[type="button"]:hover, .ContentForm input[type="reset"]:hover,  .anBtn:hover{-moz-box-shadow: 2px 2px 5px #888;
-webkit-box-shadow: 2px 2px 5px #888;
box-shadow: 2px 2px 5px #888;}
input.Budget { width:11%!important;}
input.TaArea { width:12%!important;}
input.date { width:12%!important;}
/*管理您現有的廣告*/
.MainConteiner-in:after { content:"2"; height:0px;}
.MadEntry { border:1px #ccc solid; margin:0 10px 20px 10px; padding:20px;
}
.MadEntry-L, .MadEntry-R {
 margin:0 10px 20px 10px; padding:20px;
-moz-box-shadow: 1px 1px 3px #888;
-webkit-box-shadow: 1px 1px 3px #888;
box-shadow: 1px 1px 3px #888;border-radius:5px;}
.MadEntry-L { float:left;}
.MadEntry-R { float:right;}

/*ResaultTable*/
#ExtGridTable{width:95%; margin:10px auto;}
#ResaultTable { width:95%; margin:10px auto;}
#ResaultTable table{ width:100%;-moz-box-shadow: 1px 1px 3px #888; background-color:#fff;
-webkit-box-shadow: 1px 1px 3px #888;
box-shadow: 1px 1px 3px #888;}
#ResaultTable tbody tr:hover {
background-color:#f9d87e;
	-moz-box-shadow: 1px 1px 3px #888;
-webkit-box-shadow: 1px 1px 3px #888;
box-shadow: 1px 1px 3px #888;
}
#ResaultTable table th {
  background: url(../images/template/topBarBOBg.jpg) repeat-x 0 0; 
  color:#fff;
  font-size:14px;
  height:36px; 
  line-height:36px; 
  text-align:center;
  text-shadow:0 0 0, 2px 2px 2px #c97b14;
  filter: dropshadow(color=#c97b14, offx=2, offy=2); 
}
#ResaultTable table td { padding:5px; text-align:center;}
a.anBtn{ display:block;width:90px; line-height:30px; text-decoration:none; height:30px; margin:0px; } 
#ResaultTable input[type="text"] { border: 1px #ccc solid; height:22px; width:50px; margin:0.3em; padding:0.1em; border-radius:5px;}

/*分頁選單*/
.Pager { margin:20px auto 0 auto; padding:5px;  width:30%; } /*分頁功能 需要打開*/
.Pager span { float:left;display:block;height:18px;width:14px; color:#c1c1c1;}
.Pager a { float:left;display:block;height:18px;width:14px; color:#666666;}
.Pager a:hover, .Pager a.current { color:#666666;color:#b21421; font-weight:600;}
.Pager a.NextPage { background:url(../images/icon/aw.gif) no-repeat -114px 0; text-indent:-9999px;}
.Pager a.LastPage { background:url(../images/icon/aw.gif) no-repeat 0 0; text-indent:-9999px;}
.Pager a.NextPage:hover { background:url(../images/icon/aw.gif) no-repeat -114px -18px;text-indent:-9999px;}
.Pager a.LastPage:hover { background:url(../images/icon/aw.gif) no-repeat 0 -18px ; text-indent:-9999px;}
.preview {display: block; position: absolute; right: 170px; top: 240px; width: 300px;}

/*Footer*/
#Footer { height:35px; line-height:35px;}
.Footer-L { float:left; padding-left:10px;}
.Footer-R { float:right; padding-right:10px;} 
.Footer-R a{ padding:0 5px; color:#333; text-decoration:none;}
.Footer-R a:hover{color:#000;text-decoration: underline;}
